<template>
  <div style="background: #f3f5f9;">
    <div class="header">
      <router-link to="">
        <img src="@/assets/images/fh.png" alt="">法律服务所</router-link>
    </div>
    <div class="ser">
      <div class="search">
        <input type="text" placeholder="请输入关键字..." name="search">
        <button type="submit"><img src="@/assets/images/ser.png" alt=""></button>
      </div>
    </div>
    <div class="layui-form">
      <div class="layui-form-item">
        <div class="layui-input-inline">
          <select name="quiz1">
            <option value="">分类</option>
            <option value="不限">不限</option>
            <option value="司法局">司法局</option>
            <option value="司法所">司法所</option>
            <option value="法律服务所">法律服务所</option>
            <option value="律师事务所">律师事务所</option>
            <option value="法律援助">法律援助</option>
            <option value="公证处">公证处</option>
            <option value="人民调解">人民调解</option>
          </select>
        </div>
        <div class="layui-input-inline">
          <select name="quiz2">
            <option value="">区域</option>
            <option value="不限">不限</option>
            <option value="建阳">建阳</option>
            <option value="建湖">建湖</option>
          </select>
        </div>
      </div>
    </div>
    <ul class="list01">
      <li><router-link to="">
        <div class="lss">
          <p class="p3">盐城建湖东方律师事务盐城建湖东方律师事务所所</p>
          <p>0515-8887799</p>
          <p>擅长领域：<span>债权债务,房产纠纷,合同纠纷,公司企业,企业法律顾问,婚姻家庭,劳动纠纷</span></p>
        </div>
        <div class="img_l" > <img src="@/assets/images/img02.jpg" alt=""></div>
      </router-link> </li>
      <li><router-link to="">
        <div class="lss">
          <p class="p3">盐城建湖东方律师事务盐城建湖东方律师事务所所</p>
          <p>0515-8887799</p>
          <p>擅长领域：<span>债权债务,房产纠纷,合同纠纷,公司企业,企业法律顾问,婚姻家庭,劳动纠纷</span></p>
        </div>
        <div class="img_l" > <img src="@/assets/images/img01.jpg" alt=""></div>
      </router-link></li>
      <li><router-link to="">
        <div class="lss">
          <p class="p3">盐城建湖东方律师事务盐城建湖东方律师事务所所</p>
          <p>0515-8887799</p>
          <p>擅长领域：<span>债权债务,房产纠纷,合同纠纷,公司企业,企业法律顾问,婚姻家庭,劳动纠纷</span></p>
        </div>
        <div class="img_l" > <img src="@/assets/images/img02.jpg" alt=""></div>
      </router-link></li>
      <li><router-link to="">
        <div class="lss">
          <p class="p3">盐城建湖东方律师事务盐城建湖东方律师事务所所</p>
          <p>0515-8887799</p>
          <p>擅长领域：<span>债权债务,房产纠纷,合同纠纷,公司企业,企业法律顾问,婚姻家庭,劳动纠纷</span></p>
        </div>
        <div class="img_l" > <img src="@/assets/images/img01.jpg" alt=""></div>
      </router-link></li>
      <li><router-link to="">
        <div class="lss">
          <p class="p3">盐城建湖东方律师事务盐城建湖东方律师事务所所</p>
          <p>0515-8887799</p>
          <p>擅长领域：<span>债权债务,房产纠纷,合同纠纷,公司企业,企业法律顾问,婚姻家庭,劳动纠纷</span></p>
        </div>
        <div class="img_l" > <img src="@/assets/images/img02.jpg" alt=""></div>
      </router-link></li>
      <li><router-link to="">
        <div class="lss">
          <p class="p3">盐城建湖东方律师事务盐城建湖东方律师事务所所</p>
          <p>0515-8887799</p>
          <p>擅长领域：<span>债权债务,房产纠纷,合同纠纷,公司企业,企业法律顾问,婚姻家庭,劳动纠纷</span></p>
        </div>
        <div class="img_l" > <img src="@/assets/images/img01.jpg" alt=""></div>
      </router-link></li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "list01"
}
</script>

<style scoped>
@import "../../assets/css/base.css";
@import "../../assets/css/other.css";
@import "../../assets/css/resetui.css";
</style>